<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<style>
		body{
			background: black;
		}
		.tz{
			background: #fff;
    		border-radius: 4px;
    		max-width: 500px;
    		position: relative;
    		margin: 8em auto;
   		 	padding: 3em 2em;
   		 	z-index: 999;
    		text-align: center;
		}
		.tz img{
			max-width: 100%;
			height: auto;
		}
		.tz p{
			margin: 0;
    		padding: 0;
   			font-size: 15px;
    		letter-spacing: 1px;
    		line-height: 1.9;
    		color: #999;
    		font-family: 'Nunito Sans', sans-serif;
		}
		.tz .close{
			position: absolute;
    		top: 5px;
    		right: 15px;
    		transition: all 200ms;
    		font-size: 30px;
    		font-weight: bold;
    		text-decoration: none;
    		color: #000;
		}

	</style>
</head>
<body>
	{volist name='nr' id="zs"}
	<div class="tz">
		<img src="__PUBLIC__/static{$zs.pic}" alt="">
		<p>{$zs.des}</p>
		<a href="{:url('Gallery/index')}?rmid={$zs.cateid}" class="close">X</a>
	</div>
	{/volist}
</body>
</html>